<!-- 引入编辑器的插件 -->
<link rel="stylesheet" href="/assets/kindeditor/themes/default/default.css" />
<script src="/assets/kindeditor/kindeditor-all-min.js"></script>
<script src="/assets/kindeditor/lang/zh-CN.js"></script>


<div class="layui-container fly-marginTop">
    <div class="fly-panel" pad20 style="padding-top: 5px;">
        {if condition="$LoginUser.auth eq 1"}
        <div class="layui-form layui-form-pane">
            <div class="layui-tab layui-tab-brief" lay-filter="user">
                <ul class="layui-tab-title">
                    <li class="layui-this">发表新帖</li>
                </ul>
                <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
                    <div class="layui-tab-item layui-show">
                        <form method="post">
                            <div class="layui-row layui-col-space15 layui-form-item">
                                <!-- 所属分类 -->
                                <div class="layui-col-md3">
                                    <label class="layui-form-label">所属分类</label>
                                    <div class="layui-input-block">
                                        <select name="cateid" required>
                                            {foreach $catelist as $item}
                                            <option {$post.cateid==$item.id ? 'selected' : '' } value="{$item.id}">{$item.name}</option>
                                            {/foreach}
                                        </select>
                                    </div>
                                </div>

                                <!-- 帖子标题 -->
                                <div class="layui-col-md9">
                                    <label for="title" class="layui-form-label">帖子标题</label>
                                    <div class="layui-input-block">
                                        <input type="text" id="title" name="title" required class="layui-input"
                                            placeholder="请输入帖子标题" value="{$post.title}">
                                    </div>
                                </div>
                            </div>

                            <!-- 帖子正文内容 -->
                            <div class="layui-form-item layui-form-text">
                                <div class="layui-input-block">
                                    <textarea id="content" name="content" placeholder="请输入帖子详细内容" class="layui-textarea"
                                        style="height: 260px;">
                                        {$post.content}
                                    </textarea>
                                </div>
                            </div>

                            <!-- 验证码 -->
                            <div class="layui-form-item">
                                <label for="vercode" class="layui-form-label">验证码</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="vercode" name="vercode" required placeholder="请输入验证码"
                                        class="layui-input" />
                                </div>

                                <div class="layui-form-mid" style="padding:0px!important;">
                                    <img src="{:url('home/index/vercode')}" style="width:150px;height:40px;"
                                        onclick="this.src=`{:url('home/index/vercode')}`" />
                                </div>
                            </div>

                            <!-- 提交 -->
                            <div class="layui-form-item">
                                <button type="submit" class="layui-btn">立即修改</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {else /}
        <div class="fly-none">
            <h1>没有权限</h1>
        </div>
        {/if}


    </div>
</div>
<script>
    //实例化网页编辑器
    KindEditor.ready(function (K) {
        //创建一个网页编辑器
        var editor = K.create('textarea[name="content"]', {
            allowFileManager: true
        });
    })
</script>